﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPageIntranet.Master" AutoEventWireup="true" CodeBehind="wfr_ConsultarProveedor.aspx.cs" Inherits="SGCP_UI.wfr_ConsultarProveedor" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link href="Styles/jquery.bubblepopup.v2.3.1.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery.bubblepopup.v2.3.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script type = "text/javascript">
    $(document).ready(function () {
        $("#<%=ddlBusqueda.ClientID%>").CreateBubblePopup({
            position: 'top',
            align: 'center',
            innerHtml: 'Seleccione un modo <br />de busqueda',
            innerHtmlStyle: {
                color: '#FFFFFF',
                'text-align': 'center'
            },
            themeName: 'all-black',
            themePath: 'img/jquerybubblepopup-theme'
        });

        $(".divTipoBusqueda").hide();
        $('#popup').hide();

        $("#<%=ddlBusqueda.ClientID%>").change(function () {
            if ($("#<%=ddlBusqueda.ClientID%>").val() == "0") {
                $(".divTipoBusqueda").hide(500, function () {
                    $("#divCodigo").show();
                });
            }
            else if ($("#<%=ddlBusqueda.ClientID%>").val() == "1") {
                $(".divTipoBusqueda").hide(500, function () {
                    $("#divRuc").show();
                });
            }
            else if ($("#<%=ddlBusqueda.ClientID%>").val() == "2") {
                $(".divTipoBusqueda").hide(500, function () {
                    $("#divRazon").show();
                });
            } else {
                $(".divTipoBusqueda").hide();
            }
            $("#resultado").html("");
        });
    });

    //Inicio popup
    function showpop(id) {
        $('#popup').dialog({
            modal: true,
            resizable: false,
            width: 400,
            heigth: 300,
            title: 'Datos del proveedor ',
            open: function (event, ui) {
                cargarDatos(id);                
            },
            close: function (event, ui) {
                //limpia todos los textbox del popup
                $('#popup :text').val('');
            },
            buttons: {
                Ok: function () {
                    //updateOrder();
                    $(this).dialog("close");
                }
//,
//                Cancelar: function () {
//                    $(this).dialog("close");
//                }
            }
        });
    }

    function cargarDatos(id) {
        var obj = new Object();
        obj.idProveedor = id;
        //var param = { 'idProveedor': obj };

        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "wfr_ConsultarProveedor.aspx/getProveedor",
            //data: JSON.stringify(param),
            data: "{'idProveedor':'" + id + "'}",
            //data: "{'id':'"+id+"'}",
            dataType: "json",
            async: true,
            success: function (result) {
                var proveedor = JSON.parse(result.d);
                $('#txtRuc').val(proveedor.Table[0].ruc);
                $('#txtRazonSocial').val(proveedor.Table[0].razon_social);
                $('#txtTelefono').val(proveedor.Table[0].telefono);
                $('#txtFax').val(proveedor.Table[0].fax);
                $('#txtCorreo').val(proveedor.Table[0].correo);
                $('#txtWeb').val(proveedor.Table[0].pagina_web);
                //distrito
                $('#txtDireccion').val(proveedor.Table[0].direccion);
            },
            error: function (request, status, error) {
                alert(JSON.parse(request.responseText).Message);
            }
        });
    }
    //Fin popup

    function valida(n) {
        //implementarlo bien con mas verificaciones
        var a = $("#txtBuscar" + n).val();
        if (a.trim() == "") {
            alert("vacio");
            return false;
        }
        //...
        return true;
    }

    function btnBuscar_onclick(n) {
        if (valida(n)) {
            var lb = $("#txtBuscar" + n).val() + "-" + n;
            llamarServidor(lb, "");
        }
    }

    function modificar(id) {
        alert(id);
    }
    
    function mostrarResultados(arg) {
        var info = document.getElementById("resultado");
        info.innerHTML = arg;

//        $("#resultado tr:eq(0)").append("<th>Modificar</h>");
//        $("#resultado tr:not(:first)").each(function () {
//            //$(this).append("<td><a onclick = \"modificar('" + $(this).children(0).html() + "')\">Modificar</a></td>");
//            $(this).append("<td><a onclick = \"showpop('" + $(this).children(0).html() + "')\">Modificar</a></td>");
//            //$(this).append("<td><a onclick = \"showpop()\">Modificar</a></td>");
//        });
    }
</script>

<style type="text/css">
.celda
{
width:120px;   
}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div>
        <h1>Consultar Proveedores</h1>
        <div style="margin-left: 15px; margin-top: 10px;">
            Seleccione el tipo de busqueda
            <asp:DropDownList ID="ddlBusqueda" runat="server" Height="25px" Width="95px">
                <asp:ListItem Value="-1">Seleccione</asp:ListItem>
                <asp:ListItem Value="0">Id</asp:ListItem>
                <asp:ListItem Value="1">Ruc</asp:ListItem>
                <asp:ListItem Value="2">Razon social</asp:ListItem>
            </asp:DropDownList>
            <div id="divCodigo" class="divTipoBusqueda">
                Id
                <input id="txtBuscar1" type="text" />
                <input id="btnBuscar1" type="button" value="Buscar" onclick="return btnBuscar_onclick(1)" />
            </div>
            <div id="divRuc" class="divTipoBusqueda">
                Ruc
                <input id="txtBuscar2" type="text" />
                <input id="btnBuscar2" type="button" value="Buscar" onclick="return btnBuscar_onclick(2)" />
            </div>
            <div id="divRazon" class="divTipoBusqueda">
                Razon
                <input id="txtBuscar3" type="text" />
                <input id="btnBuscar3" type="button" value="Buscar" onclick="return btnBuscar_onclick(3)" />
            </div>
            <div id="resultado">
            </div>
            <asp:GridView ID="gvResBusqueda" runat="server" Width="600px" class="table" EmptyDataText="No se encontraron resultados" 
                AutoGenerateColumns="False">
                <Columns>
                    <asp:BoundField DataField="ruc" HeaderText="Ruc" />
                    <asp:BoundField DataField="razon_social" HeaderText="Nombre" />
                    <asp:BoundField DataField="correo" HeaderText="E-Mail" />
                    <asp:BoundField DataField="pagina_web" HeaderText="Web" />
                    <asp:TemplateField HeaderText="Ver">
                    <ItemTemplate>
                    <a href="#" onclick="showpop('<%#Eval("id_proveedor") %>')">Ver</a>
                    </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>
            <!---->
            <div id="popup">
                <table>
                    <tr>
                        <td>
                            Ruc
                        </td>
                        <td>
                            <input type="text" id="txtRuc" class="celda" readonly="readonly" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Razon Social
                        </td>
                        <td>
                            <input type="text" id="txtRazonSocial" class="celda" readonly="readonly" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Telefono
                        </td>
                        <td>
                            <input type="text" id="txtTelefono" class="celda" readonly="readonly" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Fax
                        </td>
                        <td>
                            <input type="text" id="txtFax" class="celda" readonly="readonly" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Correo
                        </td>
                        <td>
                            <input type="text" id="txtCorreo" class="celda" readonly="readonly" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Pagina Web
                        </td>
                        <td>
                            <input type="text" id="txtWeb" class="celda" readonly="readonly" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Dirección
                        </td>
                        <td>
                            <asp:DropDownList ID="ddlDistrito" runat="server" Enabled="false">
                            </asp:DropDownList>
                        </td>
                    </tr>
                    <tr>
                        <td>                            
                        </td>
                        <td>                            
                            <input type="text" id="txtDireccion" class="celda" readonly="readonly" />
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
</asp:Content>
